<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>put</title>
    <link rel="stylesheet" th:href="@{css/put.css}">
</head>
<body>
<div>
    <input type="text" name="search" class="search" placeholder="请输入查询的关键字">
    <button class="searchbooks">搜索</button>
    <button class="returnput">返回</button>
</div>
<div class="puttable">
    <table>
        <thead>
        <tr>
            <th>报刊编号</th>
            <th>报刊名称</th>
            <th>出版社</th>
            <th>报刊简介</th>
            <th>上架</th>
            <th>操作</th>
        </tr>
        </thead>
        <tbody>
        <tr th:each="book:${books}">
            <td th:text="${book.bookNum}"></td>
            <td th:text="${book.bookName}"></td>
            <td th:text="${book.author}"></td>
            <td th:text="${book.brief}"></td>
            <td>
                <button class="maktablebtn" th:data-id="${book.bookId}">下架</button>
            </td>
            <td >
                <button class="editbooksbtn" th:data-id="${book.bookId}">编辑</button>
                <button class="delbooksbtn" th:data-id="${book.bookId}">删除</button>
            </td>
        </tr>
        </tbody>
    </table>
</div>
<div class="editbooksplace" style="display: none">
    <iframe align="center" width="100%" height="500px" src="#"
            frameborder="no" border="0" marginwidth="0" marginheight="0"
            scrolling="no"></iframe>
</div>
<script type="text/javascript" th:src="@{jquery-3.5.0.min.js}"></script>
<script type="text/javascript" th:src="@{js/put.js}"></script>

</body>
</html>